<template>
	<view style="">
		<view v-for="(item,index) in caseListData" :key="index" @click="goDetail(item)">
			<view class="list-item">
				<view class="line"></view>
				<view class="list-item-1">
					<image src="../../../static/phone/phone_case_list_img.png" class="list-item-1-img"></image>
					<text class="list-item-1-text">	{{item.content}}</text>
					<view class="list-item-1-tabs1" v-if="item.status.code==0">待提交</view>
					<view class="list-item-1-tabs2" v-if="item.status.code==1">待审核</view>
					<view class="list-item-1-tabs2" v-if="item.status.code==2">待分配</view>
					<view class="list-item-1-tabs2" v-if="item.status.code==3">待启动</view>
					<view class="list-item-1-tabs1" v-if="item.status.code==5">已完成</view>
					<view class="list-item-1-tabs1" v-if="item.status.code==6">已结案</view>
					<view class="list-item-1-tabs7" v-if="item.status.code==7">审核不通过</view>
					<view class="list-item-1-tabs3" v-if="item.status.code==8">异常终止</view>
					
					
					<view class="list-item-1-tabs4" v-if="item.status.code==4">{{item.bizStatus}}</view>
				</view>
				<view class="list-item-2">
					<text class="list-item-2-l">{{item.custName}}</text>
					<text class="list-item-2-r">{{item.createTime}}</text>
				</view>
				<view class="list-item-3">
					<text class="list-item-3-l">咨询领域：</text>
					<text class="list-item-3-r">{{item.domainDict}}</text>
				</view>
				<view class="list-item-3">
					<text class="list-item-3-l">希望我们：</text>
					<text class="list-item-3-r">{{item.hopeDict}}</text>
				</view>
			</view>
			
		</view>
		
		<view class="" style="height: 200rpx;">
			
		</view>
	</view>
</template>

<script>
	export default{
		props:['caseListData','role','tagTab'],
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		mounted() {
			
		
		},
		methods:{
			/**
			 * 查看详情
			 */
			goDetail(val){
				console.log('详情')
				let id = val.id
				let status = val.status.code
				//待提交、待审核、待分配、审核不通过、异常终止---咨询详情页
				if(status==0 || status==1 ||status==2 || status==7 || status==8 ){
					uni.navigateTo({
						url:'../../manage/consultationDetail/consultationDetail?id='+id
					})
				}else{
					//其他状态    案件详情
					uni.navigateTo({
						url:'../caseDetail/caseDetail?id='+id
					})
				}
				
			},
		}
	}
</script>

<style>
	/*隐藏滚动条*/
	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}
	page {
		width: 100%;
		height: 100%;
		background-color: #F7F7F7;
	}
	
</style>

<style scoped lang="scss">
	.desc1{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.line{
		
		height: 32rpx;
	}
	.list-item{
		width: 686rpx;
		height: 280rpx;
		background: #FFFFFF;
		border-radius: 8rpx;
		margin-left: 32rpx;
		margin-top: 20rpx;
	}
	.list-item-1{
		display: flex;
		align-items: center;
	}
	.list-item-1-img{
		width: 48rpx;
		height: 48rpx;
		margin-left: 32rpx;
	}
	.list-item-1-text{
		font-size: 28rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
		line-height: 40rpx;
		margin-left: 12rpx;
	}
	.list-item-1-tabs1{
		margin-left: auto;
		margin-right: 32rpx;
		width: 112rpx;
		height: 48rpx;
		background: #E8F7FB;
		border-radius: 25rpx 2rpx 25rpx 2rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #2DA9C5;
	}
	.list-item-1-tabs2{
		margin-left: auto;
		margin-right: 32rpx;
		width: 112rpx;
		height: 48rpx;
		background:#FDF1E0;
		border-radius: 25rpx 2rpx 25rpx 2rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #DE671F;
	}
	.list-item-1-tabs3{
		margin-left: auto;
		margin-right: 32rpx;
		width: 128rpx;
		height: 48rpx;
		background:#FBE8E8;
		border-radius: 25rpx 2rpx 25rpx 2rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color:#C52D2D;
	}
	.list-item-1-tabs7{
		margin-left: auto;
		margin-right: 32rpx;
		width: 140rpx;
		height: 48rpx;
		background:#FBE8E8;
		border-radius: 25rpx 2rpx 25rpx 2rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color:#C52D2D;
	}
	.list-item-1-tabs4{
		margin-left: auto;
		margin-right: 32rpx;
		width: 128rpx;
		height: 48rpx;
		background:#E8FBEC;
		border-radius: 25rpx 2rpx 25rpx 2rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color:#2DC5A2;
	}
	.list-item-2{
		margin-top: 16rpx;
		display: flex;
		align-items: center;
	}
	.list-item-2-l{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
		margin-left: 32rpx;
	}
	.list-item-2-r{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 40rpx;
		margin-left: auto;
		margin-right: 32rpx;
	}
	.list-item-3{
		margin-top: 16rpx;
		display: flex;
		align-items: center;
	}
	.list-item-3-l{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 40rpx;
		margin-left: 32rpx;
	}
	.list-item-3-r{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
	}
</style>